import Navigation
  from "@/app/_components/Navigation";
import Logo from "@/app/_components/Logo";

import {Josefin_Sans} from "next/font/google";

const josefin = Josefin_Sans({
    subsets:['latin'],
    display:"swap",
});

import "@/app/_styles/globals.css";
import Header from "@/app/_components/Header";
import {
    ReservationProvider
} from "@/app/_components/ReservationContext";

export const metadata = {
    //title:"The Wild Oasis",
    title:{
        template:"%s / The Wild Oasis",
        default:"Welcome / The Wild Oasis",
    },
    description:"Luxurious cabin hotel,located in the heart of the Italian Dolomites,surrounded by beautiful mountains and dark forests",
};

export default function RootLayout({children}) {
  return (
    <html lang={"en"}>
      <body className={`${josefin.className} antialiased bg-primary-900 text-primary-100 min-h-screen flex flex-col`}>

     <Header />

      <div className={"flex-1 px-8 py-12 grid"}>
          <main className={"max-w-7xl mx-auto w-full"}>
              <ReservationProvider>
                  {children}
              </ReservationProvider>
          </main>
      </div>
      </body>
    </html>
  )
}
